* {
  font-family: Arial, Helvetica, sans-serif;
}
.ut-flex {
  display: flex;
}
.ut-flex-1 {
  flex: 1 1 0%;
}
.ut-flex-auto {
  flex: 1 1 auto;
}
.ut-flex-initial {
  flex: 0 1 auto;
}
.ut-flex-none {
  flex: none;
}
.ut-flex-row {
  flex-direction: row;
}
.ut-flex-col {
  flex-direction: column;
}
.ut-flex-grow-0 {
  flex-grow: 0;
}
.ut-flex-grow {
  flex-grow: 1;
}
.ut-flex-shrink-0 {
  flex-shrink: 0;
}
.ut-flex-shrink {
  flex-shrink: 1;
}
.ut-justify-center {
  justify-content: center;
}
.ut-justify-between {
  justify-content: space-between;
}
.ut-justify-around {
  justify-content: space-around;
}
.ut-justify-evenly {
  justify-content: space-evenly;
}
.ut-items-center {
  align-items: center;
}
.ut-w-1-2 {
  width: 50%;
}
.ut-w-1-3 {
  width: cal(1/3);
}
.ut-w-1-4 {
  width: cal(1/4);
}
.ut-w-1-5 {
  width: cal(1/5);
}
.ut-w-1-6 {
  width: cal(1/6);
}
table.dataframe {
  border: none;
  border-collapse: collapse;
}
table.dataframe * {
  border: none;
}
table.dataframe thead tr:last-of-type {
  border-bottom: 1px solid #000;
}
table.dataframe thead {
  background: #0073c2;
  color: whitesmoke;
}
table.dataframe thead th {
  text-align: center;
}
table.dataframe td,
table.dataframe th {
  padding: 0.3rem;
}
table.dataframe tbody tr {
  cursor: pointer;
  transition: 0.2s;
}
table.dataframe tbody tr:nth-of-type(2n) {
  background: lightgray;
}
table.dataframe tbody tr:hover {
  background: #d3eefd;
}
table.dataframe tbody tr td {
  text-align: center;
}
svg {
  overflow: visible;
}
